<template>
  <Header />
  <main class="main">
    <div class="floor-title">1. 手册起步案例</div>
    <div class="wrapper">
      <nav>
        <RouterLink to="/docs/demo01">立方体</RouterLink>
      </nav>
      <nav>
        <RouterLink to="/docs/demo02">画线图</RouterLink>
      </nav>
      <nav>
        <RouterLink to="/docs/demo03">文本内容</RouterLink>
      </nav>
      <nav>
        <RouterLink to="/docs/demo04">加载3D模型</RouterLink>
      </nav>
    </div>
    <div class="floor-title">2. 手册进阶案例</div>
    <div class="wrapper">
      <nav>
        <RouterLink to="/docs/demo05">更新场景</RouterLink>
      </nav>
      <nav>
        <RouterLink to="/docs/demo06">废置对象</RouterLink>
      </nav>
      <nav>
        <RouterLink to="/docs/demo07">创建VR内容</RouterLink>
      </nav>
      <nav>
        <RouterLink to="/docs/demo08">使用后期处理</RouterLink>
      </nav>
      <nav>
        <RouterLink to="/docs/demo09">矩阵变换</RouterLink>
      </nav>
    </div>
    <div class="floor-title">3. 网络案例</div>
    <div class="wrapper">
      <nav>
        <RouterLink to="/gallery/demo01">3D展厅</RouterLink>
      </nav>
      <nav>
        <RouterLink to="/gallery/demo02">多节点展厅</RouterLink>
      </nav>
      <nav>
        <RouterLink to="/gallery/demo03">常见3D展厅-小</RouterLink>
      </nav>
    </div>
  </main>
  <Footer />
</template>

<script setup lang="ts">
import Header from '@/components/Header.vue';
import Footer from '@/components/Footer.vue';
import { RouterLink } from "vue-router";
</script>

<style scoped>

</style>